 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>t2</title>
<style type="text/css">
	a{text-decoration: none;}
	li{list-style: none;}
	#menu li a{ display: block; }
	#menu li{width: 100px; height: 70px; }
	#list li{float: left;}
	#menu{width: 1000px;
         height: 400px;
         margin:0 auto;
	}

</style>

   <script type="text/javascript">
    window.onload = function() {
   	    var Oul = document.getElementById('list');
   	    var Oli = Oul.children;

   	       for (var i = 0; i < Oli.length; i++) {

	   		    Oli[i].onmouseover = function (){
	   			     var OOul = this.getElementsByTagName("ul")[0];
	   			      OOul.style.display = "block";
	   			}
	   		    

	   		    Oli[i].onmouseout = function () {
		   			var OOul = this.getElementsByTagName("ul")[0];
		   			OOul.style.display = "none";
   		        }
   		    }    
   	}
</script>



</head>
<body>
<div id="menu">
	<ul id="list">
		<li><a href="#">首页</a></li>
		<li><a href="#">关注重点</a>
            <ul>
            	<a href="#">发展方向</a>
            	<a href="#">研发</a>
            	<a href="#">成果</a>
            </ul>
		</li>
		<li><a href="#">新闻动态</a>
		    <ul>
            	<a href="#">发展方向</a>
            	<a href="#">研发</a>
            	<a href="#">成果</a>
            </ul>
         </li>
		
		<li><a href="#">企业文化</a></li>
		<li><a href="#">关于我们</a></li>
		<li><a href="#">网站留言</a></li>
	
	</ul>
</div>
	
</body>
</html>